@charset "utf-8";
body,ul,dl,li,h1,h2,h3,p{
	margin:0px;
	padding:0px;
}
ul,li{
	list-style:none;
	clear: both;
}
a{
	text-decoration:none;
	font-size:14px;
	color:#999;
	line-height: 30px;
}
hr,h3,div{	
	margin:0px;
	padding:0px;
}
#header {
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	height:54px;
	width:auto;
}
#secondary_bar {
	background-image: url(../images/secondary_bar_bg.jpg);
	background-repeat: repeat-x;
	height: 32px;
	width: auto;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}
#header .site_title a {
	color: #FFF;
	text-decoration: none;
	font-size: 22px;
	line-height: 54px;
	padding-left: 20px;
}
#header .site_title {
	width: 22%;
	float: left;
	height: 54px;
}
#header .select_title {
	float: left;
	height: 54px;
	width: 68%;
}
#header .btn_view_site {
	float: right;
	width: 9%;
	text-align: center;
	height: 54px;
	line-height: 54px;
}
#header .btn_view_site a {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	background-color: #666;
	height: 54px;
	line-height: 54px;
	width: 100%;
}
#secondary_bar .user {
	float: left;
	height: 32px;
	width: 22%;
}
#secondary_bar .user a {
	color: #000;
	text-decoration: none;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-attachment: scroll;
	padding-left: 20px;
	margin-left: 20px;
}
#secondary_bar .breadcrumbs_container .nav a {
	color: #333;
	text-decoration: none;
}
li {
	list-style: none outside none;
	margin-left: 12%;
	font-size:9px;
}
.sidebar .toggle .icn_tags a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	line-height: 20px;
	background-attachment: scroll;
	background-image: url(../images/icn_tags.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.sidebar .toggle .view_users a {
	background-attachment: scroll;
	background-image: url(../images/icn_view_users.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sidebar .sidebar h3 {
	font-size: 14px;
	display: block;
	float: left;
	width: 90%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear: both;
	margin-left: 6%;
}
.sidebar h3 .toggleLink {
	margin-right: 2%;
	color: #FFF;
	font-size: 10px;
	float: right;
	display: block;
}
.sidebar .toggle .icn_settings a {
	background-attachment: scroll;
	background-image: url(../images/icn_settings.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.sidebar .toggle .icn_security a {
	background-attachment: scroll;
	background-image: url(../images/icn_security.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.sidebar .toggle .icn_jump_back a {
	background-attachment: scroll;
	background-image: url(../images/icn_jump_back.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.footer p {
	color: #666;
	margin-top: 10px;
	padding-left: 6%;
	font-size: 12px;
}
.sidebar .quick_search {
	text-align: center;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.sidebar .quick_search input {
	background-attachment: scroll;
	background-image: url(../images/icn_search.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	border: 1px solid #BBB;
	color: #CCC;
	text-indent: 30px;
	height: 26px;
	width: 90%;
	margin-bottom:5%;
	border-radius: 15px 15px 15px 15px;
}
#main .column .module_content #feed_box .form_div #new_activity #activity_data {
	height: 4em;
	width: 92%;
	color: #666;
	display: block;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 1px solid #BBB;
}
#main .column .module_content #feed_box .form_div #new_activity label {
	text-transform: uppercase;
	display: block;
	float: left;
	width: 98%;
	margin-right: 10px;
	margin-left: 10px;
}
#main .column .module_content #feed_box .form_div #new_activity .btn_new_activity {
	display: inline-block;
	float: right;
}
#main .column .module_content #feed_box .form_div {
	border: 1px solid #BBB;
	height: 8em;
	width: 98%;
	background-color: #F6F6F6;
	padding-top: 2%;
	margin-top: 2%;
	border-radius: 5px 5px 5px 5px;
}
#main .column .module_content #feed_box .activity_item {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	position: relative;
}
#main .column .module_content #feed_box .activity_item .gra {
	position: absolute;
	left: 0px;
}
#main .column .module_content #feed_box .activity_item .gra .nomal {
	float: right;
	height: 36px;
	width: 36px;
}
#main .column .module_content #feed_box .activity_item a {
	color: #77BACE;
	font-size: 12px;
}
#main .column .module_content #feed_box {
	height: auto;
	width: 56%;
	float: left;
	display: block;
	border: 1px solid #BBB;
	padding-left: 2%;
	margin-left: 2%;
}
#main .column .module_content {
	color: #666;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 2%;
}
.module_content .user_activity {
	float: right;
	display: inline-block;
	height: auto;
	border: 1px solid #CCC;
	margin-right: 20px;
	width: 38%;
}
.module_content #feed_box {
	float: left;
	height: auto;
	width: 58%;
	display: block;
}
.module_content .user_activity .user_item {
	margin-top: 2px;
	padding: 1px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
}
.module_content #feed_box .activity_item img {
	float: right;
}
hr {
	color: #CCC;
}
#secondary_bar .breadcrumbs_container {
	display: inline-block;
	float: left;
	width: 76%;
}
#secondary_bar .breadcrumbs_container .nav {
	width: 100%;
	margin-left: 2%;
}
#main .column .module_content .my_activity{
	float: right;
	display: inline-block;
	height: auto;
	border: 1px solid #CCC;
	margin-right: 2%;
	width: 36%;
	margin-bottom: 2%;
}
#main .column .module_content .issues_items{
	display: inline-block;
	height: auto;
	border: 1px solid #CCC;
	margin-right: auto;
	width: 100%;
	margin-bottom: 2%;
	margin-left: auto;
	overflow: auto;
}
#main .column .module_content .my_activity .mytask {
	line-height: 38px;
	height: 38px;
	font-size: 14px;
	display: block;
	color: #333;
	background-color: #F1F1F4;
	background-attachment: scroll;
	background-image: url(../images/secondary_bar_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px;
	padding-left: 10px;
	width: 97%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}
#main .column .module_content .issues_items .issues_title {
	line-height: 38px;
	height: 38px;
	font-size: 14px;
	display: block;
	color: #333;
	background-color: #F1F1F4;
	background-attachment: scroll;
	background-image: url(../images/secondary_bar_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px;
	padding-left: 10px;
	width: 97%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
}
#main .column .module_content .my_activity .issue_item,#main .column .module_content .issues_items .talk_item {
	display: block;
	height: auto;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	clear: both;
	padding-left: 10px;
	font-size: 14px;
}
#main .column .module_content .my_activity .issue_item .date,#main .column .module_content .issues_items .talk_item  .date {
	font-size: 12px;
	color: #999;
	display: inline-block;
	float: right;
	margin-right: 2%;
	width: 42%;
}
#main .column .module_content .my_activity .issue_item a ,#main .column .module_content .issues_items .talk_item  a{
	color: #77BACE;
	text-decoration: none;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	float: left;
	width:42%
}
#main .column .module_content #feed_box .issues_items .textarea_style {
	height: 4em;
	width: 90%;
	color: #666;
	display: block;
	padding: 10px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	border-radius: 5px 5px 5px 5px;
}
#sidebar {
	width: 22%;
	float: left;
	color: #666;
	background-color: #E0E0E3;
	background-image: url(../images/sidebar.png);
	background-repeat: repeat;
	height: 800px;
}
#main .column {
	width: 100%;
	float: right;
	display: inline-block;
}
#right .column{
	width: 96%;
	height: auto;
	border: 1px solid #999;
	overflow: auto;
	float: right;
	margin-bottom: 2%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 2%;
	border-radius: 5px 5px 5px 5px;
}
#right .column .tabs_involved {
	line-height: 38px;
	height: 38px;
	font-size: 14px;
	display: block;
	color: #333;
	background-color: #F1F1F4;
	background-attachment: scroll;
	background-image: url(../images/secondary_bar_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	width: 100%;
}
#right .column .module_content {
	background-color: #FFF;
	padding-top: 10px;
	overflow: auto;
	height: auto;
	float: left;
	clear: both;
	width: 98%;
	display: block;
	padding-left: 2%;
}
#right .column .module_content .issue_item,#right .column .module_content .user_item,#right .column .user_info{
	display: inline-block;
	height: auto;
	width: 98%;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	overflow:auto;
	height:auto;
}
.user_item,#right .column .user_info{
	padding-left:15px;
}
#right .column .module_content div a {
	color: #77BACE;
	text-decoration: none;
	font-size: 12px;
	line-height: 32px;
	display: block;
	float: left;
	overflow:hidden;
}
#right .column .module_content .issue_item .tiptip ,#main .column .module_content .my_activity .issue_item .tiptip{
	width:32px;
	height:32px;
	display: block;
	float: left;
	padding-top:8px;
}
#right .column .module_content div .state {
	font-size: 14px;
	color: #77BACE;
}
#right .column .footer {
	background-attachment: scroll;
	background-image: url(../images/module_footer_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	background-color: #F1F1F4;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #77BACE;
	padding-left: 15px;
	width:98%;
	float:left;
}
#right .column hr {
	color: #BBB;
}
#right .column .module_content h4 {
	font-size: 14px;
	text-transform: none;
	color: #666;
	width: 50%;
}
#right .column .module_content .issue_item .date {
	font-size: 12px;
	color: #999;
	display: inline-block;
	float: right;
	margin-right: 2%;
}
#right .column .module_content h4 .date {
	font-size: 10px;
	color: #999;
}
#right .column  .footer .actions {
	line-height: 24px;
	float: right;
	height: 24px;
	width: 10%;
	margin-right: 2%;
	border: 1px solid #CCC;
}
#right .column  .actions .new_task a {
	background-attachment: scroll;
	background-image: url(../images/add.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #999;
	line-height: 32px;
	height: 32px;
	margin-top: 2%;
	width: 100px;
	text-align: center;
	padding-left: 20px;
}
#right .column  .actions .new_task {
	float: left;
	height: 32px;
	line-height: 32px;
	padding-left: 2%;
}
#right .column  .actions .file_download {
	float: right;
	height: 32px;
	line-height: 32px;
	padding-left: 2%;
}
#right .column  .actions .file_download a {
	background-attachment: scroll;
	background-image: url(../images/doc.png);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #999;
	line-height: 32px;
	height: 32px;
	margin-top: 2%;
	width: 100px;
	color: #333;
	text-align: center;
	padding-left: 20px;
}
#right .column  .actions {
	line-height: 32px;
	background-attachment: scroll;
	background-image: url(../images/module_footer_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	height: 32px;
	clear: both;
	width: 100%;
}
#right .column .module_content .count a {
	width: 98%;
}
#right .column .module_content .count table tbody .no_handle td a {
	color: #FFF;
	text-decoration: none;
	background-color: #FF0;
	line-height: 20px;
	height: 20px;
	 text-align: center;
}
#right .column .module_content .count table tbody .handling td a {
	color: #FFF;
	text-decoration: none;
	background-color: #0FF;
	line-height: 20px;
	height: 20px;
	 text-align: center;
}
#right .column .module_content .count table tbody .closed td a {
	color: #FFF;
	text-decoration: none;
	background-color: #F0F;
	line-height: 20px;
	height: 20px;
	 text-align: center;
}
#right .column .module_content .count .project_name img {
	width: 1%;
	float: left;
	height: 1%;
	margin-top: 8px;
}
#right .column .module_content .count {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBB;
	float: left;
	display: block;
	width: 100%;
}
#right .column .module_content .count table {
	clear: both;
	float: left;
}
#right .column .module_content .count_data {
	padding: 1px;
	height: auto;
	width: 26%;
	border: 1px solid #BBB;
	position: absolute;
	top: 22%;
	right: 5%;
	background-color: #E0E0E0;
	overflow: auto;
}
	.input_style {
	margin-left: auto;
	width: 90%;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	border-radius: 5px 5px 5px 5px;
	margin-right: auto;
	margin-bottom:2%;
	display: block;
	border: 1px solid #77BACE;
}
 #right .column .module_content form .issue_items {
	display: inline-block;
	height: auto;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	overflow:auto;
	line-height: 32px;
}
#right .column .module_content form .issue_items .content_div{
	padding-left:15px;
    margin-bottom: 15px;
	border-radius: 10px 10px 10px 10px;
}
	.textarea_style {
	height: 4em;
	width: 90%;
	color: #666;
	display: block;
	padding: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #BBB;
}
	.select_style {
	width: 90%;
	height: 30px;
	margin-bottom: 10px;
	margin-left: 15px;
	line-height: 30px;
	font-size: 18px;
}
#right .column .module_content .count_data .overview_today {
	float: left;
	width: 50%;
}
#right .column .module_content .count_data .over_previous {
	float: left;
	width: 50%;
}
#right .column .module_content .count_data .overview_today .overview_count,#right .column .module_content .count_data .over_previous .overview_count  {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}
#right .column .module_content .count_data .overview_today .overview_type,#right .column .module_content .count_data .over_previous .overview_type {
	font-size: 10px;
	color: #999;
	margin-bottom: 10%;
}
#right .column .user_info div .state {
	float: right;
	display: inline-block;
	margin-right: 2%;
	color: #999;
}
#right .column .user_info div a {
	display: block;
	float: left;
}
.user_div {
	width: 30%;
	height: 30%;
	border: 1px solid #999;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	background-color: #CCC;
	border-radius: 10px 10px 10px 10px;
}
.user_div .tabs_involved {
	line-height: 38px;
	height: 38px;
	font-size: 14px;
	display: block;
	color: #333;
	background-color: #F1F1F4;
	padding-left: 15px;
	background-attachment: scroll;
	background-image: url(../images/secondary_bar_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.user_div .module_content {
	background-color: #FFF;
	position: inherit;
	overflow: auto;
	height: auto;
}
.user_div .module_content .issue_item{
	display: inline-block;
	height: 32px;
	width: 98%;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	overflow:auto;
	height:32px;
}
.user_div .module_content form .actions {
	height: 30px;
	display: block;
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 10px;
	margin-right: 10px;
    text-align: right;
}
 .user_div .module_content form .issue_title {
	margin: 0px;
	padding-left: 15px;
}
 .user_div .module_content form .issue_items {
	display: inline-block;
	height: auto;
	width: 100%;
	overflow:auto;
	line-height: 32px;
}
.user_div .module_content .msg_prompt {
	background: url("../images/icn_alert_error.png") no-repeat scroll 10px 10px #F3D9D9;
	border: 1px solid #D20009;
	border-radius: 5px 5px 5px 5px;
	color: #7B040F;
	display: block;
	font-size: 14px;
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 40px;
	height: 40px;
}
#right .column .module_content form .alluser {
	float: left;
	width: 42%;
}
#right .column .module_content form .selecteduser {
	float: right;
	width: 42%;
}
#right .column .module_content form .select_action {
	float: left;
	width: 10%;
	text-align: center;
	display: block;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 15%;
}
#right .column .module_content form .alluser #alluser {
	display: block;
	width: 100%;
}
#right .column .module_content form .selecteduser #selecteduser {
	display: block;
	width: 100%;
}
#right .column .module_content form .project_title .input_style {
	margin-left: 15px;
}
#right {
	float: right;
	width: 78%;
}
#main {
	width: 78%;
	float: right;
}
.btn_submit{
	height:30px;
	width:100px;
}
.issues_title,.issues_content{
	margin-left:15px;
}
#main .column .module_content #feed_box .issues_items .talk_item .talk_content {
	font-size: 14px;
	display: block;
	width: 100%;
	clear: both;
}
#main .column .module_content #feed_box .issues_items .talk_item .by {
	float: left;
	margin-right: 5px;
}
#main .column .module_content #feed_box .issues_items .btn_talk {
	height: 30px;
	width: 100px;
	margin-left: 15px;
	background-attachment: scroll;
	background-image: url(../images/btn_submit.png);
	background-repeat: repeat-x;
	background-position: left center;
	line-height: 30px;
	border-radius: 10px 10px 10px 10px;
}
#main .column .module_content .my_activity .mytask .state {
	color: #FFF;
	background-color: #09C;
}
#main .column .module_content .my_activity .issue_item .btn_changestate {
	background-attachment: scroll;
	background-image: url(../images/btn_submit_2.png);
	background-repeat: repeat-x;
	background-position: left center;
}
#right div.column h3.tabs_involved img{
		padding-left:1%;
		padding-top:3px;
	}